<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" scroll="no">
<%@ taglib prefix="ef" uri="control"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>安全管理网格</title>
<link rel="shortcut icon" href="${res}favicon.ico" type="image/x-icon" />
 <!--Basic Styles-->
<link href="../framework/css/font.css" rel="stylesheet" />
<link href="../framework/miniui/themes/material/miniui.css" rel="stylesheet" />
<link href="../framework/css/app.min.1.css" rel="stylesheet" type="text/css" />
<link href="../framework/css/app.min.2.css" rel="stylesheet" type="text/css" />
<script src="../framework/main.js" type="text/javascript"></script>
<style type="text/css">
    html, body{
        margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
    }    
    </style>
</head>
<body class="body-detail">
<script>
	Page.onLoad(function(){
		mini.get('dg1').load();	
	});
	
	function view(member){
		var diag = mini.open({
			width: 600,
			height : 400,
			title : "查看",
			url : "${ctx}mhr/securityGridDialog.jhtml?Member="+member,
			onLoad : function(){
			}
		});
	}
	
	function action(e) {
		var record = e.record
		e.cellStyle = "text-align:center";
        return '<a href="javascript:view(\'' + record.Member + '\')">详情</a>';
	}
	
	function doSearch() {
		var searchName = mini.get("SearchName").getValue().trim();
		mini.get('dg1').load({SearchName:searchName});
	}
	
</script>

<div class="mini-toolbar" style="margin:2px 10px;" id="toolbar1" plain="true">
     <div class="pull-right">
		<input class="mini-textbox" id="SearchName" type="text" emptyText="请输入姓名/工号/手机号"/>
	 	<button class="btn btn-default" id="Submitbutton" onClick="doSearch()"><i class="iconfont icon-search"></i></button>
	 </div>
</div>

<div class="mini-fit" style="padding:0 10px 10px 10px;">
	<div id="dg1" class="mini-datagrid z-depth-1" style="width:100%;height:100%;" method="SecurityGrid.grid" idField="Member" multiSelect="true">
	    <div property="columns">
	       	<div type="indexcolumn"></div>
            <div field="RealName" width="10%">姓名</div>
            <div field="Mobile" width="20%">手机号</div>
            <div field="EmployeeNumber" width="20%">工号</div>
            <div field="BranchName" width="20%">部门名称</div>
            <div field="JobTitleNames" width="20%">岗位</div>
            <div name="action" width="100" headerAlign="center" renderer="action">操作</div>
	    </div>
	</div>
</div>
</body>
</html>